<template>
  <div class="registeript">
      <section>
          <input type="text" placeholder="请输入手机号码" autofocus>
      </section>
      <section class="yan">
          <input type="text" placeholder="请输入手机验证码">
          <button>获取验证码</button>
      </section>
      <section>
          <input type="password" placeholder="请输入密码">
      </section>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>

section{
    margin: 0 auto;
    margin-bottom: 20rem;
    width: 267rem;
    height: 46rem;
    border-bottom: 2px solid #cfd1d0;
}
.yan{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yan button{
    width: 77rem;
    height: 23rem;
    line-height: 23rem;
    text-align: center;
    color: #bac1c9;
    background: #eeeff1;
    flex-shrink: 0;
}
input{
    background: #fafafa;
    width: 267rem;
    height: 44rem;
    padding-left: 16rem;
}
input::placeholder{
    color: #9e9e9e;
}
</style>